﻿a:link {
	color: grey;
}
a:visited {
	color: grey;
}
a:hover {
	color: #4A6EB8;
}
a:active {
	color: #CC6699;
}
body {
	margin: 0px; padding: 0px;
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin-bottom: inherit; background-color: rgb(221, 221, 221);
}
.wrapper {
	margin: 20px auto; width: 100%; max-width: 1170px; background-color: white;
}
h1 {
	margin: 0px; padding: 10px 0px; text-align: center; color: rgb(51, 51, 51); font-size: 300%;
}
h2 {
	padding: 0px; color: rgb(160, 160, 160); font-size: 15px;
}
a {
	color: black; text-decoration: none;
}
#content {
	text-align: center; font-size: 0px;
}
.home_box {
	width: 390px; padding-bottom: 10px; font-size: 16px; display: inline-block;
}
.home_box img {
	transition:0.5s ease-in-out; width: 390px;
}
.home_box h3 {
	margin: 3px 0px; text-align: center;
}
.home_box p {
	margin: 3px 0px; padding: 0px 6px;
}
footer {
	width: 100%; text-align: center; border-top-color: rgb(221, 221, 221); border-top-width: 5px; border-top-style: solid; background-color: rgb(238, 238, 238);
}
footer table {
	margin: auto; width: 100%;
}
footer table td {
	width: 32%; padding-bottom: 20px; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
footer table td:last-child {
	border-image: url('') none;
}
footer span {
	letter-spacing: 2px;
}
footer a {
	letter-spacing: 2px;
}
footer .wrapper {
	margin-bottom: 0px;
}
@media only screen and (max-width:1200px)
{
.wrapper {
	margin: 0px auto; padding: 0px 7px; box-sizing: border-box;
}
.home_box {
	width: 290px;
}
.home_box img {
	width: 290px;
}
footer table {
	width: 870px;
}
}
@media only screen and (max-width:900px)
{
h1 {
	font-size: 250%;
}
#content {
	padding-top: 20px;
}
.home_box {
	width: 100%; display: block;
}
.home_box img {
	width: 100%; max-width: 300px;
}
footer table td {
	width: 100%; border-right-color: currentColor; border-bottom-color: rgb(204, 204, 204); border-right-width: 0px; border-bottom-width: 1px; border-right-style: none; border-bottom-style: solid; display: block;
}
footer table td:last-child {
	border-image: url('') none;
}
footer table {
	width: 100%;
}
}
@media only screen and (max-width:400px)
{
h1 {
	font-size: 200%;
}
}
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border-image: url('') none; 
width: 100%; height: auto; float: left; display: block;
}
